<!DOCTYPE html>
<html>
  <head>
		<title>管家创建业主合同</title>
		<meta charset="UTF-8">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> 
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">    
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<link href="../jsp/css/contractCreate.css" rel="stylesheet">
		<!-- 插件样式 -->
		<link rel="stylesheet" href="./css/common.css">
		<link rel="stylesheet" type="text/css" href="./css/sm.min.css">
		<link rel="stylesheet" href="../css/mui/3.7.1/mui.min.css">
		<link rel="stylesheet" href="../css/mui/3.7.1/mui.picker.min.css">
		<link rel="stylesheet" href="../css/mui/3.7.1/mui.poppicker.min.css">

		<!-- 插件js -->
		<!-- <script src="./js/zepto.js"></script> -->
		<!-- <script src="./js/sm.min.js" ></script> -->
		<script type="text/javascript" src="../js/jquery-2.1.1.js"></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
		<script type="text/javascript" src="../js/mui/3.7.1/mui.min.js"></script>
		<script type="text/javascript" src="../js/mui/3.7.1/mui.picker.min.js"></script>
		<script type="text/javascript" src="../js/mui/3.7.1/mui.poppicker.min.js"></script>
		<script type="text/javascript" src="../js/mui/cityData.js"></script>
		<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>  
		<script src="js/pointlog.js"></script>
		
  </head>
	
	<!-- value == 1 是 精装空房托管 的合同模板
	value == 2 || value == 3 是 购置家居套餐托管 || 家私家电齐全托管 的合同模板 -->

	<body style="background: #fff;">
		<div class="create--box">
			<!-- 步骤一  选择创建的合同工模式 -->
			<div class="step_block step_01" id="step01">
				<span class="step_title">步骤一：选择合同模式</span>
				<div class="inp_radio--list">
					<div class="radio_line">
						<label>
							<input type="radio" name="way" value="1" />
							精装空房托管
						</label>
					</div>
					<div class="radio_line">
						<label>
							<input type="radio" name="way" value="2" />
							购置家居套餐托管
						</label>
					</div>
					<div class="radio_line">
						<label>
							<input type="radio" name="way" value="3" />
							家私家电齐全托管
						</label>
					</div>
				</div>
				<button id="selectNext" class="next_step" disabled>下一步</button>
			</div>

			<!-- 步骤二  填写合同信息 -->
			<div class="step_block step_02" id="step02">
				<span class="step_title">步骤二：填写合同信息</span>
				<!-- 3个合同公共部分 -->
				<div class="input-line public-line">
					<label>
						业主：
						<input type="text" id="pub-inp01" class="inp" placeholder="请输入业主姓名" />
					</label>
					<label>
						签署日期：
						<i class="icon icon-right fr"></i>
						<span class="sel fr" id="pub-date01">请选择签署日期</span>
					</label>
					<label class="sel-address">
						地址：
						<i class="icon icon-right fr"></i>
						<!-- <span class="sel fr" id="pub-selCity">请选择市和区</span> -->
						<span class="sel fr" id="pub-selCity">
							<em class="to-select">请选择市和区</em>
							<em class="sel-em h" id="pub-city"></em>
							<em class="sel-em h" id="pub-region"></em>
						</span>
						<input type="text" id="pub-inp02" class="inp inp-address" placeholder="请输入详细地址" />
					</label>
					<label>
						合同期限：
						<span class="sel" id="pub-date02">开始日期</span>
						<em class="to">至</em>
						<span class="sel" id="pub-date03">结束日期</span>
					</label>
					<label>
						交付房屋日期：
						<i class="icon icon-right fr"></i>
						<span class="sel fr" id="pub-date04">请选择交付房屋日期</span>
					</label>
				</div>

				<!-- 精装空房托管 需要填写的信息项 -->
				<div class="input-line" id="type01">
					<span class="house-fare">预期固定收益：</span>
					<i class="tips">(最少填写一个预期固定收益)</i>
					<div class="pre-fare" id="pre-fare">
						<label class="house-label">
							<span class="type01-date01 sel">开始日期</span>
							<em class="to">至</em>
							<span class="type01-date02 sel">结束日期</span>
							<em class="to">为</em>
							<input type="text" class="type01-inp01 inp" placeholder="请输入" />
							元
						</label>
					</div>
					<div class="add-fare" id="add-fare"><span class="add-txt">+ 新增收益项</span></div>

					<span class="house-fare">空置期：</span>
					<div class="kong-date" id="kong-date">
						<label>
							首个管理周年日期：
							<span class="type01-date03 sel">开始日期</span>
							<em class="to">至</em>
							<span class="type01-date03-3 sel">结束日期</span>
						</label>
						<label>
							第二个管理周年：
							<span class="type01-date03 sel">开始日期</span>
							<em class="to">至</em>
							<span class="type01-date03-3 sel">结束日期</span>
						</label>
						<label>
							第三个管理周年：
							<span class="type01-date03 sel">开始日期</span>
							<em class="to">至</em>
							<span class="type01-date03-3 sel">结束日期</span>
						</label>
					</div>
					<div class="add-fare" id="add-kong-date" num="3"><span class="add-txt">+ 新增空置期</span></div>
					<!-- <label>
						首个管理周年开始日期：
						<i class="icon icon-right fr"></i>
						<span class="sel fr" id="type01-date03">请选择开始日期</span>
					</label> -->
					<!-- <label class="house-label">
						次个管理周年起：
						<input type="text" id="type01-inp02" class="inp" placeholder="请输入" />
						天/周年
					</label> -->

					<span class="house-fare">结算方式：</span>
					<!-- <label class="house-label">
						空置期：
						<input type="text" id="type01-inp03" class="inp" placeholder="请输入" />
						天
					</label>
					<label class="house-label">
						空置月份：
						<input type="text" id="type01-inp04" class="inp" placeholder="请输入" />
						月份
					</label> -->
					<label class="house-label">
						首个结算日：
						<i class="icon icon-right fr"></i>
						<span class="sel fr" id="type01-date04">请选择首个结算日期</span>
					</label>
					<label class="house-label">
						服务质量保证金：
						<input type="text" id="type01-inp05" class="inp" placeholder="请输入" />
						元
					</label>
				</div>

				<!-- 购置家居套餐托管 需要填写的信息项 -->
				<div class="input-line" id="type02">
					<span class="house-fare">家居费用：</span>
					<label class="house-label">
						1) 家居费用合计：
						<input type="text" id="type02-inp01" class="inp" placeholder="请输入" />
						元。
					</label>
					<label class="house-label">
						2) 甲方出资总费用：
						<input type="text" id="type02-inp02" class="inp" placeholder="请输入" />
						成。
					</label>
					<label class="house-label">
						3) 乙方出资总费用：
						<input type="text" id="type02-inp03" class="inp" placeholder="请输入" />
						成。
					</label>
					<label class="house-label">
						4) 甲方获取合同期内租金收益：
						<input type="text" id="type02-inp04" class="inp" placeholder="请输入" />
						成。
					</label>
					<label class="house-label">
						5) 乙方获取合同期内租金收益：
						<input type="text" id="type02-inp05" class="inp" placeholder="请输入" />
						成。
					</label>
					<label class="house-label">
						甲方向乙方支付租客当月：
						<input type="text" id="type02-inp06" class="inp" placeholder="请输入" />
						成租金。
					</label>
				</div>

				<!-- 家私家电齐全托管 需要填写的信息项 -->
				<div class="input-line" id="type03">
					<label class="house-label">
						空置期：
						<input type="text" id="type03-inp01" class="inp" placeholder="请输入" />
						个月
					</label>
					<label class="house-label">
						租金结算方式：
						<input type="text" id="type03-inp02" class="inp" placeholder="请输入" />
						个月为一次结算周期
					</label>
					<span class="house-fare">乙方管理服务费：</span>
					<label class="house-label">
						服务费：
						<input type="text" id="type03-inp03" class="inp" placeholder="请输入" />
						元/月
					</label>
					<label>
						开始计收取服务费:
						<i class="icon icon-right fr"></i>
						<span class="sel fr" id="type03-date01">请选择开始计费日期</span>
					</label>
					<label class="house-label">
						结算周期：
						<input type="text" id="type03-inp04" class="inp" placeholder="请输入" />
					  个月
					</label>
				</div>

				<button id="finishFillIn" class="next_step">下一步</button>
			</div>

			<!-- 步骤三  补充协议 -->
			<div class="step_block step_03" id="step03">
				<span class="step_title">步骤三：补充合同协议</span>
				<textarea class="add-protocol" id="pub-addProtocol" placeholder="请输入需要补充的协议内容..."></textarea>
				<p class="add-tips">选填，可直接生成合同！</p>
				<button id="createBtn" class="next_step">生成合同</button>
				<!-- <button id="createBtn" class="next_step" style="display: none">生成合同</button> -->
				<!-- <button id="updateBtn" class="next_step" style="display: none">修改合同</button> -->
			</div>
		</div>
	</body>

	<script type="text/javascript">
		// window.$$=window.Zepto = Zepto;
		/********  因为common.js文件的某个方法和mui插件的方法有冲突，所以把在commom.js需要用到的方法拷贝到此页面  **********/
		// 拿链接上的参数方法
		$.getUrlParam = function (name) {
			var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
			var r = window.location.search.substr(1).match(reg);
			if (r != null) return  decodeURI(r[2]); return null;
		}

		/**
		 * 时间戳转yyyy-MM-dd
		 * @param inputTime
		 * @returns
		 */
		function formatDateTime(inputTime) {  
			var date = new Date(inputTime);
			var y = date.getFullYear();  
			var m = date.getMonth() + 1;  
			m = m < 10 ? ('0' + m) : m;  
			var d = date.getDate();  
			d = d < 10 ? ('0' + d) : d;  
			var h = date.getHours();
			h = h < 10 ? ('0' + h) : h;
			var minute = date.getMinutes();
			var second = date.getSeconds();
			minute = minute < 10 ? ('0' + minute) : minute;  
			second = second < 10 ? ('0' + second) : second; 
			return y + '-' + m + '-' + d;  
			// return y + '-' + m + '-' + d+' '+h+':'+minute+':'+second;  
		};
		/********  以上是common.js 的方法  **********/
		
		$(function(){
			var _selectVal = 0;  // 已选择的合同模式
			var	_preFare = [];  // 合同1 的固定收益字段
			var _kongDate = []; // 合同1 的空置期字段
			// if($.getUrlParam("contractId")){$("#createBtn").hide();$("#updateBtn").show();}
			// if(!$.getUrlParam("contractId")){$("#createBtn").show();}
			if($.getUrlParam("contractId"))$("#createBtn").text("确定修改");

			function selectHtType() {
				$("#step01").hide();
				$("#step02").show().children("#type0" + _selectVal).show();
			}

			/************************ 如果链接上带有 contractId 字段，代表修改合同，否则代表创建合同 *******************************/
			if ($.getUrlParam("contractId")) {
				$.ajax({
					type : "POST",
					dataType : 'json',
					url : "../contract/getConstractDetailById",
					data : {
						'contractId': $.getUrlParam("contractId")
					},
					success : function(data) {
						console.log('data:', data);
						if( data.success ){
							var contractDetail = data.contractDetail;
							_selectVal = contractDetail.contractType;
							selectHtType();
							$("#pub-selCity").addClass("on-sel")
							.children(".to-select").addClass("h")
							.siblings(".sel-em").removeClass("h");
							$("#pub-city").text(contractDetail.city);
							$("#pub-region").text(contractDetail.region);
							$("#pub-inp02").val(contractDetail.houseAddress);
							// 公共部分信息
							$("#pub-date01").text(formatDateTime(contractDetail.signDate)).addClass("on-sel");
							$("#pub-inp01").val(contractDetail.userName);
							$("#pub-area").text(contractDetail.houseAddress);
							$("#pub-date02").text(formatDateTime(contractDetail.contractStartTime)).addClass("on-sel");
							$("#pub-date03").text(formatDateTime(contractDetail.contractEndTime)).addClass("on-sel");
							$("#pub-date04").text(formatDateTime(contractDetail.deliveryHouseTime)).addClass("on-sel");

							// 合同一
							if (contractDetail.contractType == 1) {0
								// 预期固定收益
								if (data.contractIncome.length) {
									var _html = '';
									for(var i = 0; i < data.contractIncome.length; i++){
										_html += '<label class="house-label"><span class="type01-date01 sel on-sel">' + formatDateTime(data.contractIncome[i].expectedStartTime) +'</span><em class="to">至</em><span class="type01-date02 sel on-sel">' + formatDateTime(data.contractIncome[i].expectedEndTime) +'</span><em class="to"> 为 </em><input type="text" class="type01-inp01 inp" value="' + data.contractIncome[i].income + '" /> 元<span class="close_panle">x</span></label>'
									}
									$("#pre-fare").html(_html);
								}

								// 空置期
								if (data.vacantperiodSet.length) {
									$("#add-kong-date").attr("num", data.vacantperiodSet.length);
									var _html = '', numStr = ['首个', '二', '三', '四', '五', '六', '七', '八', '九', '十'], dateStr = '', _close = '';
									for(var i = 0; i < data.vacantperiodSet.length; i++){
										if (i == 0) {
											dateStr = '首个管理周年日期：';
										} else {
											dateStr = '第' + numStr[i] + '个管理周年：'
										}
										if (i >= 3) {
											_close = '<span class="close_panle">x</span>';
										}
										_html += '<label>' + dateStr + '<span class="type01-date03 sel on-sel">' + formatDateTime(data.vacantperiodSet[i].startTime) + '</span><em class="to">至</em>' + '<span class="type01-date03-3 sel on-sel">' + formatDateTime(data.vacantperiodSet[i].endTime) + '</span>' + _close +'</label>';
									}
									$("#kong-date").html(_html);
								}

								// $("#type01-date03").text(formatDateTime(contractDetail.firstMngStartTime)).addClass("on-sel");
								// $("#type01-inp02").val(contractDetail.secondMngDays);
								// $("#type01-inp03").val(contractDetail.vacantPeriod);
								// $("#type01-inp04").val(contractDetail.vacantMonth);
								$("#type01-date04").text(formatDateTime(contractDetail.firstAccountTime)).addClass("on-sel");
								$("#type01-inp05").val(contractDetail.serviceSecurity);

							} else if (contractDetail.contractType == 2){
								$("#type02-inp01").val(contractDetail.homeExpenses);
								$("#type02-inp02").val(contractDetail.partyAExpenses);
								$("#type02-inp03").val(contractDetail.partyBExpenses);
								$("#type02-inp04").val(contractDetail.partyARentalIncome);
								$("#type02-inp05").val(contractDetail.partyBRentalIncome);
								$("#type02-inp06").val(contractDetail.partyAToBRentalIncome);

							} else if (contractDetail.contractType == 3){
								$("#type03-inp01").val(contractDetail.vacantPeriod);
								$("#type03-inp02").val(contractDetail.accountTypeMonth);
								$("#type03-inp03").val(contractDetail.serviceExpenses);
								$("#type03-date01").text(formatDateTime(contractDetail.serviceStartTime)).addClass("on-sel");
								$("#type03-inp04").val(contractDetail.accountPeriod);
							}

							if (contractDetail.replenishText) {
								$("#pub-addProtocol").val(contractDetail.replenishText);
							}
						}
					}
				});
			}

			/************************ 步骤一 选择合同模式 *********************************/
			// 选择合同模式之后，保存所选择的值，把按钮改成可点击并高亮
			$(".radio_line").on("change", "input", function(){
				_selectVal = $(this).val()
				$("#selectNext").attr("disabled", false).css("background", "#0894ec");
			});

			// 点击下一步，切换到填写对应合同信息模块
			$("#selectNext").on("click", function(val){
				selectHtType()
			});

			/************************ 步骤二  填写合同信息 *******************************/
			// 选择日期公共方法
			function _selectDate(_this) {
			  var _nowYear = new Date().getFullYear() + 10;
			  _this.picker = new mui.DtPicker({
	          "type": "date",
	          "beginYear": 1930,
	          "endYear": _nowYear
	        });
        _this.picker.show(function(rs) {
          /*
           * rs.value 拼合后的 value
           * rs.text 拼合后的 text
           * rs.y 年，可以通过 rs.y.vaue 和 rs.y.text 获取值和文本
           * rs.m 月，用法同年
           * rs.d 日，用法同年
           */
					 _this.text(rs.text).addClass("on-sel");
        });
			}

			// 选择日期
			$(document).on('tap', "#pub-date01, #pub-date02, #pub-date03, #pub-date04, .type01-date01, .type01-date02, .type01-date03, .type01-date03-3, #type01-date04, #type03-date01", function() {
				_selectDate($(this));
      });

			// 选择 市/区 方法
			function selArea() {
				var _getParam = function(obj, param) {
					return obj[param] || '';
				};
				var cityPicker = new mui.PopPicker({
					layer: 2,     //默认是1 -> 一级选择器
					buttons: ['取消','完成'],    //默认是 ["取消", "确定"]
					wbTitle: "选择所在地址"
				});
				
				cityPicker.setData(cityData);
				$("#pub-selCity").on("tap", function(){
					cityPicker.show(function(items) {
						$("#pub-selCity").addClass("on-sel")
							.children(".to-select").addClass("h")
							.siblings(".sel-em").removeClass("h");
						$("#pub-city").text(_getParam(items[0], 'text'));
						$("#pub-region").text(_getParam(items[1], 'text'));
					});
				});
			}

			// 新增预期固定收益
			$("#add-fare").on("click", function(){
				$("#pre-fare").append("<label class='house-label'><span class='type01-date01 sel'>开始日期 </span><em class='to'>至</em><span class='type01-date02 sel'> 结束日期</span><em class='to'> 为 </em><input type='text' class='type01-inp01 inp' placeholder='请输入' /> 元<span class='close_panle'>x</span></label>")
			});

			// 新增空置期
			$("#add-kong-date").on("click", function(){
				var _this = $(this);
				var numStr = ['首个', '二', '三', '四', '五', '六', '七', '八', '九', '十'];
				var _num = _this.attr("num");
				if (_num * 1 + 1 > numStr.length) {
					mui.toast("最多只能增加十项");
					return false;
				}
				$("#kong-date").append("<label>第<span class='d-num'>" + numStr[_num] +"</span>个管理周年： <span class='type01-date03 sel'> 开始日期 </span><em class='to'>至</em><span class='type01-date03-3 sel'> 结束日期</span><span class='close_panle'>x</span></label>");
				_this.attr("num", _num * 1 + 1);
			});

			// 删除新增的预期固定收益
			$("#pre-fare").on("click", ".close_panle",  function(){
				$(this).parents(".house-label").remove();
			});

			// 删除新增的空置期
			$("#kong-date").on("click", ".close_panle",  function(){
				$(this).parents("label").remove();
				var num = $("#add-kong-date").attr("num");
				$("#add-kong-date").attr("num", num * 1 - 1);
				var numStr = ['四', '五', '六', '七', '八', '九', '十'];
				var numLength = $("#kong-date label .d-num").length;
				var newNumStr = [];
				for (var i = 0; i < numLength; i++) {
					newNumStr.push(numStr[i]);
				}
				$("#kong-date label .d-num").each(function(index, e){
					$(this).text(newNumStr[index]);
				});
			});

			// 填写完信息后请求接口保存信息
			$("#finishFillIn").on("click", function(){
				var _pubInput01 = $("#pub-inp01").val(),
				  _address = $("#pub-inp02").val();

				// 是否选择日期判断
				function _isSelData(selectOr, tips) {
					if (!selectOr.hasClass("on-sel")) {
						mui.toast(tips);
						$(selectOr).trigger("tap");
						return;
					}
					return true;
				}

				// 是否填写信息判断
				function _isInput(selectOr, tips) {
					if (!selectOr.val()) {
						mui.toast(tips);
						selectOr.focus();
						return;
					}
					return true;
				}

				// 需要填写的公共信息
				if (!_isInput($("#pub-inp01"), "请输入业主姓名") ||
					!_isSelData($("#pub-date01"), "请选择签署日期") ||
					!_isSelData($("#pub-selCity"), "请选择市和区") ||
					!_isInput($("#pub-inp02"), "请输入详细地址") ||
					!_isSelData($("#pub-date02"), "请选择开始日期") ||
					!_isSelData($("#pub-date03"), "请选择结束日期") ||
					!_isSelData($("#pub-date04"), "请选择交付房屋日期")) {
					return;
				}
				
				if (_selectVal == 1) {
					// 保存用户输入的预期固定收益信息
					function _isPase() {
						var _isPase = true,
							_preParam = {};
						$("#pre-fare .house-label").each(function(){
							var _this = $(this);
							if (!_this.find(".type01-date01").hasClass("on-sel") || 
								!_this.find(".type01-date02").hasClass("on-sel") || 
								!_this.find(".type01-inp01").val()) {
									mui.toast("请填写完整的固定收益信息");
									_isPase = false;
							} else {
								_preParam = {
									expectedStartTime: _this.find(".type01-date01").text(),
									expectedEndTime: _this.find(".type01-date02").text(),
									income: _this.find(".type01-inp01").val()
								}
								_preFare.push(_preParam);
								_isPase = true;
							}
						});
						return _isPase;
					}
					
					// 保存用户输入的空置期信息
					function _isKong() {
						var _isKong = true,
							_kongParam = {};
						$("#kong-date label").each(function(){
							var _this = $(this);
							if (!_this.find(".type01-date03").hasClass("on-sel") || 
								!_this.find(".type01-date03-3").hasClass("on-sel")) {
									mui.toast("请填写完整的空置期信息");
									_isKong = false;
							} else {
								_kongParam = {
									startTime: _this.find(".type01-date03").text(),
									endTime: _this.find(".type01-date03-3").text()
								}
								_kongDate.push(_kongParam);
								_isKong = true;
							}
						});
						return _isKong;
					}
					if (!_isPase() ||
						!_isKong() || 
						// !_isSelData($("#type01-date03"), "请选择首个管理周年开始日期") ||
						// !_isInput($("#type01-inp02"), "请输入周年天数") ||
						// !_isInput($("#type01-inp03"), "请输入空置期天数") ||
						// !_isInput($("#type01-inp04"), "请输入空置月份") ||
						!_isSelData($("#type01-date04"), "请选择首个结算日期") ||
						!_isInput($("#type01-inp05"), "请输入服务质量保证金")){
						return;
					}

				} else if (_selectVal == 2) {
					if (!_isInput($("#type02-inp01"), "请输入家居总费用") ||
						!_isInput($("#type02-inp02"), "请输入甲方出资总费用") ||
						!_isInput($("#type02-inp03"), "请输入乙方出资总费用") ||
						!_isInput($("#type02-inp04"), "请输入甲方租金收益") ||
						!_isInput($("#type02-inp05"), "请输入乙方租金收益") ||
						!_isInput($("#type02-inp06"), "请输入甲方向乙方支付的租金")){
						return;
					}

				}	else if (_selectVal == 3) {
					if (!_isInput($("#type03-inp01"), "请输入空置期") ||
						!_isInput($("#type03-inp02"), "请输入租金结算方式") ||
						!_isInput($("#type03-inp03"), "请输入服务费") ||
						!_isSelData($("#type03-date01"), "请选择开始计费日期") ||
						!_isInput($("#type03-inp04"), "请输入结算周期")) {
						return;
					}
				}
				
				$("#step02").hide();
				$("#step03").show();

			});

			// 生成合同事件, 请求接口保存用户填的信息
			$("#createBtn").on("click", function(){
				var userId = $.getUrlParam("userId");
				var contractId= $.getUrlParam("contractId");
				var _url = "../contract/createContract";
				
				var _param = {}, _typeParam = {};
				_param = {
					userId: userId, // 用户id
					userName: $("#pub-inp01").val(), // 用户姓名
					contractType: _selectVal, // 合同类型
					signDate: $("#pub-date01").text(), // 签署日期
					houseAddress: $("#pub-inp02").val(), // 房子地址
					region : $("#pub-region").text(),
					city : $("#pub-city").text(),
					contractStartTime: $("#pub-date02").text(), // 合同开始时间
					contractEndTime: $("#pub-date03").text(), // 合同结束时间
					deliveryHouseTime: $("#pub-date04").text(), // 交付房屋日期
					replenishText: $("#pub-addProtocol").val() // 补充协议
				}
				// console.log('_param:', _param);
				if (_selectVal == 1) {
					_typeParam = {
						incomeArr: JSON.stringify(_preFare), // 预期固定收益（Array）
						vacantPeriodArr: JSON.stringify(_kongDate), // 空置期（Array）
						// firstMngStartTime: $("#type01-date03").text(), // 首个管理周年开始日期
						// secondMngDays: $("#type01-inp02").val(), // 次个管理周年起
						// vacantPeriod: $("#type01-inp03").val(), // 空置期
						// vacantMonth: $("#type01-inp04").val(), // 空置月份
						firstAccountTime: $("#type01-date04").text(), // 首个结算日期
						serviceSecurity: $("#type01-inp05").val(), // 服务质量保证金
					}

				} else if (_selectVal == 2) {
					_typeParam = {
						homeExpenses: $("#type02-inp01").val(), // 家居费用合计
						partyAExpenses: $("#type02-inp02").val(), // 甲方出资总费用
						partyBExpenses: $("#type02-inp03").val(), // 乙方出资总费用
						partyARentalIncome: $("#type02-inp04").val(), // 甲方获取合同期内租金收益
						partyBRentalIncome: $("#type02-inp05").val(), // 乙方获取合同期内租金收益
						partyAToBRentalIncome: $("#type02-inp06").val(), // 甲方向乙方支付租客当月
					}

				} else if (_selectVal == 3) {
					_typeParam = {
						vacantPeriod: $("#type03-inp01").val(), // 空置期
						accountTypeMonth: $("#type03-inp02").val(), // 租金结算方式
						serviceExpenses: $("#type03-inp03").val(), // 乙方管理服务费
						serviceStartTime: $("#type03-date01").text(), // 开始计费日期
						accountPeriod: $("#type03-inp04").val(), // 结算周期
					}
				}
				_param = Object.assign(_param, _typeParam);
				if (contractId) {
					_url = "../contract/updateConstract";
					_param['contractId'] = contractId
				}

				// console.log('_param_param_param:', _param);
				// console.log('_url:', _url);
				// 创建合同 & 修改合同
				$.ajax({
					type : "POST",
					dataType : 'json',
					url : _url,
					data : _param,
					success : function(data) {
						console.log(data)
						if( data.success){
							// 跳转到合同模板页面
							window.location.href = "contractTerms.html?contractId=" + data.contractId+"&agreementType=1";
						}
					}
				});
			});
			//修改合同
			// $("#updateBtn").on("click", function(){
			// 	var userId = $.getUrlParam("userId");
			// 	var contractId= $.getUrlParam("contractId");
			// 	var _param = {}, _typeParam = {};
			// 	_param = {
			// 		userId: userId, // 用户id
			// 		userName: $("#pub-inp01").val(), // 用户姓名
			// 		contractType: _selectVal, // 合同类型
			// 		signDate: $("#pub-date01").text(), // 签署日期
			// 		houseAddress: $("#pub-inp02").val(), // 房子地址
			// 		region : $("#pub-region").text(),
			// 		city : $("#pub-city").text(),
			// 		contractId : contractId,
			// 		contractStartTime: $("#pub-date02").text(), // 合同开始时间
			// 		contractEndTime: $("#pub-date03").text(), // 合同结束时间
			// 		deliveryHouseTime: $("#pub-date04").text(), // 交付房屋日期
			// 		replenishText: $("#pub-addProtocol").val() // 补充协议
			// 	}
			// 	if (_selectVal == 1) {
			// 		_typeParam = {
			// 			incomeArr: JSON.stringify(_preFare), // 预期固定收益
			// 			firstMngStartTime: $("#type01-date03").text(), // 首个管理周年开始日期
			// 			secondMngDays: $("#type01-inp02").val(), // 次个管理周年起
			// 			// vacantPeriod: $("#type01-inp03").val(), // 空置期
			// 			vacantMonth: $("#type01-inp04").val(), // 空置月份
			// 			firstAccountTime: $("#type01-date04").text(), // 首个结算日期
			// 			serviceSecurity: $("#type01-inp05").val(), // 服务质量保证金
			// 		}

			// 	} else if (_selectVal == 2) {
			// 		_typeParam = {
			// 			homeExpenses: $("#type02-inp01").val(), // 家居费用合计
			// 			partyAExpenses: $("#type02-inp02").val(), // 甲方出资总费用
			// 			partyBExpenses: $("#type02-inp03").val(), // 乙方出资总费用
			// 			partyARentalIncome: $("#type02-inp04").val(), // 甲方获取合同期内租金收益
			// 			partyBRentalIncome: $("#type02-inp05").val(), // 乙方获取合同期内租金收益
			// 			partyAToBRentalIncome: $("#type02-inp06").val(), // 甲方向乙方支付租客当月
			// 		}

			// 	} else if (_selectVal == 3) {
			// 		_typeParam = {
			// 			vacantPeriod: $("#type03-inp01").val(), // 空置期
			// 			accountTypeMonth: $("#type03-inp02").val(), // 租金结算方式
			// 			serviceExpenses: $("#type03-inp03").val(), // 乙方管理服务费
			// 			serviceStartTime: $("#type03-date01").text(), // 开始计费日期
			// 			accountPeriod: $("#type03-inp04").val(), // 结算周期
			// 		}
			// 	}
			// 	_param = Object.assign(_param, _typeParam);

			// 	console.log('_param_param_param:', _param);
			// 	// 创建合同
			// 	$.ajax({
			// 		type : "POST",
			// 		dataType : 'json',
			// 		url : "../contract/updateConstract",
			// 		data : _param,
			// 		success : function(data) {
			// 			console.log(data)
			// 			if( data.success){
			// 				// 跳转到合同模板页面
			// 				window.location.href = "contractTerms.html?contractId=" + data.contractId;
			// 			}
			// 		}
			// 	});
			// });
			selArea();

		});

	</script>
</html>
